<template>
<kb-layout title="用户中心">
	<view class="avatar">
		<navigator url="/pages/user/avatar">
		<up-avatar :src="ee.broker.avatar"
		size="54"
		shape="square"></up-avatar>
		</navigator>
		<view class="username">
		 <text>欢迎您,{{ee.broker.mobile_label}}</text> 
		</view>
	</view>
	<view class="mymenu">
		<up-grid col="4" >
			<up-grid-item>
				<navigator url="/pages/user/favorite">
					<view class="kb-submenu-btn">
						<text class="kbicon kb-wodeguanzhu"></text>
						<text>我的关注</text>
					</view>
				</navigator>
			</up-grid-item> 
			<up-grid-item>
				<navigator url="/pages/user/history">
					<view class="kb-submenu-btn">
						<text class="kbicon kb-kangfangguanli"></text>
						<text>看房管理</text>
					</view>
				</navigator>
			</up-grid-item> 
			<up-grid-item>
				<navigator url="/pages/user/redpack">
					<view class="kb-submenu-btn">
						<text class="kbicon kb-wodehongbao"></text>
						<text>我的红包</text>
					</view>
				</navigator>
			</up-grid-item> 
			<up-grid-item>
				<navigator url="/pages/user/feed">
					<view class="kb-submenu-btn">
						<text class="kbicon kb-jiaoyijilu"></text>
						<text>交易记录</text>
					</view>
				</navigator>
			</up-grid-item> 
		</up-grid>
	</view>
	
	<view class="groes">
		<up-cell-group  :border="false">
			<up-cell  title="我要卖房" :isLink="true" 
			url="/pages/send/sell?type=chushou" 
			size="" row-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-maifang"></text>
				</template>			  
			</up-cell>
			
			<up-cell  title="我要出租" :isLink="true"
			url="/pages/send/sell?type=chuzu"
			size="" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-zufang"></text>
				</template>			  
			</up-cell>
			
			<up-cell  title="求购" :isLink="true"
			url="/pages/send/index"
			size="" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-qiugou2"></text>
				</template>			  
			</up-cell>
			<up-cell  title="求租" :isLink="true"
			url="/pages/send/index?type=qiuzu"
			size="" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-qiuzu"></text>
				</template>			  
			</up-cell>
			
			<up-cell  title="加入我们" :isLink="true"
			url="/pages/paper/paper?type=joinus"
			size="" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-joinus"></text>
				</template>			  
			</up-cell>
			
			<up-cell  title="公司介绍" :isLink="true"
			url="/pages/paper/paper?type=about"
			size="" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-gongsijieshao"></text>
				</template>			  
			</up-cell>
			
			<!-- #ifdef MP-WEIXIN -->
			<up-cell value="">
							 <template #icon>
							  <text class="kbicon-mini kb-wxkefu"></text>
							 </template>	
								<template #title>
								 <button open-type="contact" class="nobdbut" style="border: 0px;"> <text>联系客服</text></button> 
								</template>
								<template #right-icon>
									<up-icon name="arrow-right"></up-icon>
								</template>
			</up-cell>
			<!-- #endif -->
		
			 <up-cell  title="隐私协议申明" :isLink="true"
			url="/pages/paper/paper?type=privacy"
			size="" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-yinsitiaokuan"></text>
				</template>			  
			</up-cell>
			 
		</up-cell-group>
	</view>
</kb-layout> 	 
</template>

<script>
	export default {
		name:"userUser",
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		mounted() {
			//获取用户数据
			this.ee.getBroker()
		}
	}
</script>

<style lang="scss" scoped>
	.avatar{
		padding: 50rpx;
		padding-left: 76rpx;
		display: flex;
		align-items: center;
		
		.username{
			margin-left: 30rpx;
			font-size: 36rpx;
		}
	}
	.groes{
		background-color: #fff;
		padding: 30rpx;
		border-radius: 20rpx;
		margin: 20rpx;
		padding-top: 0;
		
		.kbicon-mini {
			margin-right: 10rpx;
			margin-left: -20rpx;
		}
	}
	 
	.mymenu, {
		background-color: #fff;
		padding: 30rpx 10rpx;
		border-radius: 20rpx;
		margin: 20rpx;
		padding-left: 0rpx;
	}
	.kb-submenu-btn {
		display: flex;
		text-align: center;
		justify-content: flex-start;
		flex-direction: column;
		align-items: center;
		font-size: 24rpx;
		line-height: 80rpx;
	}
/*按钮取消边框和*/
 .nobdbut{
  padding-left: 0;
  padding-right: 0;
  text-align: left;  
  background: none;  
  line-height: 100%;
  font-size: 15px;
  color:#303133;
}
 .nobdbut::after{
  border: none;
}	 
</style>
